body,html{min-width:1280px}
#header{width: 100%; height: 85px; background: #ffffff;position: absolute; z-index: 9999;}
#header .header-conten{ width: 1280px; height: 85px; margin: 0 auto;}
#header .logo{ margin: 15px 0 0 55px; float: left;}
#header .nav{ float: right;}
#header .nav li{ float: left;}
#header .nav li a{ display: block; width:130px; height: 85px; line-height: 85px; text-align: center; color: #000; font-size: 16px; text-decoration: none;}
#header .nav li a:hover{ /*background: url("../images/nav_hover.jpg");*/ background-size: 100% 100%; color: #ff5a00; font-weight: bold;}
#header .nav li a.active{background: url("../images/nav_checked.jpg"); background-size: 100% 100%; color: #fff; font-weight: bold;}
#content{ height: 100%;}
.index-header{width: 100%; height: 85px; }

/* flexslider */
.swiper-banner .flexslider{position:relative;height:690px;overflow:hidden;}
.swiper-banner .slides{position:relative;z-index:1; height:800px; overflow:hidden;}
.swiper-banner .slides li{height:800px;}
.swiper-banner .flex-control-nav{  position: absolute;  bottom: 60px;  z-index: 2;  text-align: right;  width: 1160px;  left: calc( 50% - 600px);  }
.swiper-banner .flex-control-nav li{margin: 0 8px;  display: inline-block;  zoom: 1;}
.swiper-banner .flex-control-paging li a { display: block; text-indent: 2em; border: 3px solid #fff;  width: 14px;  height: 14px; border-radius: 3px; overflow: hidden; transform:rotate(45deg);  -ms-transform:rotate(45deg);  -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg);  -o-transform:rotate(45deg);cursor: pointer;}
.swiper-banner .flex-control-paging li a.flex-active {  background: #ff5a00;  width: 14px;  height: 14px;  border: 3px solid white;  }
.swiper-banner .flex-control-paging li a:hover {  background: #ff5a00;  }
.swiper-banner .flex-control-nav li { }
.swiper-banner .flex-direction-nav{ z-index: 999;position: absolute; top:0; left: 0; display: block; width: 100%;}
.swiper-banner .flex-direction-nav a{ position: absolute; top:280px;    -webkit-transition: all .3s ease;}
.swiper-banner .flex-direction-nav a.flex-prev {  opacity: 0;  width: 58px;  height: 130px;  background: url(../images/banner/left.png) no-repeat 0 0;  left: -35px;  }
.swiper-banner .flexslider:hover .flex-prev {  opacity: 0.8;  left: 0;  }
.swiper-banner .flex-direction-nav a.flex-next {  opacity: 0;  width: 58px;  height: 130px;  background: url(../images/banner/right.png) no-repeat 0 0;  right: -35px;  }
.swiper-banner .flexslider:hover .flex-next {  opacity: 0.8;  right: 0;  }
.swiper-banner .flex-control-nav .flex-active{background-position:0 0;}

.swiper-banner .slide_item{  position: relative;  display: block;  width: 1200px;  height: 100%;  margin: 0 auto;  }
.swiper-banner .slide-box{  min-width: 100%;  margin: 0 auto;  }
.swiper-banner .slide_item .h-title{  position: absolute;  bottom:225px;  left: 1px;  text-align: left;  width: 490px;  }
.swiper-banner .slide_item .h-title.right{  left: 680px;  }
.swiper-banner .slide_item .h-title h2{  font-size: 40px;  line-height: 44px;  margin-bottom: 20px;  color: #272a2c; text-indent: -20px;  }
.swiper-banner .slide_item .h-title h3{  font-size: 40px;  line-height: 44px;  color: #272a2c;  padding-bottom: 20px;  border-bottom: 1px #ff5a00 solid;  margin-bottom: 10px;  }
.swiper-banner .slide_item .h-title p{  margin: 10px 0 30px;  font-size: 16px;  color: #272a2c;  line-height: 30px;  }
.swiper-banner .slide_item .h-title .cdt {
    position: relative;  width: 140px;  height: 55px;  display: block; font-size:18px; font-style: normal;
    background: #ff5a00; text-align: center; line-height: 55px; border-radius: 36px; top: -18px; text-decoration: none!important; color: #FFFFFF }
/* flexslider--end */



.swiper-slide .section {  position: relative;  overflow: hidden;}
.swiper-slide .title,#footer .title{margin-top: 55px; text-align: center;}
.swiper-slide .title img,#footer .title img{ width: 170px; }

.swiper-share .thin{height: 700px;  background: #e0e6ed url("../images/share_img.jpg") center center no-repeat;  }

/* flexslider */
.swiper-share .share-flexslider{ width:1000px;height:390px;overflow:hidden; margin: 20px auto 0 auto;}
.swiper-share .slides{position:relative;z-index:1; height:390px; overflow:hidden;}
.swiper-share .slides li{height:390px;}
.swiper-share .flex-control-nav{position:absolute;bottom:60px;z-index:2;text-align:center;  width: 1000px;  left: calc( 50% - 500px);}
.swiper-share .flex-control-nav li{margin: 0 8px;  display: inline-block;  zoom: 1;}
.swiper-share .flex-control-paging li a { display: block; text-indent: 2em; border: 3px solid #fff;  width: 14px;  height: 14px; border-radius: 3px; overflow: hidden; transform:rotate(45deg);  -ms-transform:rotate(45deg);  -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg);  -o-transform:rotate(45deg); cursor: pointer;}
.swiper-share .flex-control-paging li a.flex-active {  background: #fff;  width: 14px;  height: 14px;  border: 3px solid white;  }
.swiper-share .flex-control-nav li { }
/* flexslider--end */

.swiper-share .share-left{ width: 340px; height: 340px; margin: 20px 0 0 25px; float: left;}
.swiper-share .share-left .img-k{width: 240px; height: 240px; border-radius: 20px; transform:rotate(45deg);  -ms-transform:rotate(45deg);  -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg);  -o-transform:rotate(45deg);overflow: hidden;    margin: 75px 0 0 50px;  }
.swiper-share .share-left .img-k img{transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  -moz-transform:rotate(-45deg);  -webkit-transform:rotate(-45deg);  -o-transform:rotate(-45deg); margin: -50px 0 0 -50px; }
.swiper-share .share-right{ width: 570px; float: left;  margin: 50px 0 0 50px; color: #fff;  text-align: center;}
.swiper-share .share-right .share-name{ font-size: 45px; font-weight: bold; }
.swiper-share .share-right .share-info{ width: 400px; font-size:16px; border-bottom: 1px solid #c3c2c2; padding-bottom:5px; margin: 0 auto; color: #c3c2c2;}
.swiper-share .share-right .share-content{ line-height:2.5em; font-size: 14px; margin-top: 18px; padding: 0 12px; /*text-align: left;*/}

.swiper-profile .thin{height: 710px; background: #f1f0f5 url("../images/profile.jpg") center center no-repeat;  }
.swiper-profile .profile-content{ width: 1200px; margin: 55px auto 0 auto;}
.swiper-profile .profile-left{ width: 600px; float: left; text-align: left;color: #191919;}
.swiper-profile .profile-left h3{ text-align: center; font-size: 30px; font-weight: normal;}
.swiper-profile .profile-left .profile-text{ margin-top: 20px}
.swiper-profile .profile-left p{ font-size: 15px; margin: 0;padding: 0; line-height: 2.2em; text-indent: 2em; }
.swiper-profile .profile-right{ width: 516px; height: 396px; float: left; margin:10px 0 0 80px;    }
.swiper-profile .profile-right img{ width: 100%;   }

.swiper-news .thin{height: 700px;  background: #e0e6ed url("../images/news.jpg") center center no-repeat;  }
.swiper-news .news-content{ width: 1280px; margin: 80px auto 0 auto;}
.swiper-news .news-left{ width: 650px; float: left; position: relative;}
.swiper-news .news-left img{ display: block; width: 650px; height: 295px;}
.swiper-news .news-left p{ font-size: 25px; color: #fff; text-align: center; height: 60px; line-height: 60px; background: #ff5a00;      }
.swiper-news .flex-direction-nav{ z-index: 999;position: absolute; top:0; left: 0; display: block; width: 100%;}
.swiper-news .flex-direction-nav a{ position: absolute; top: 300px;    -webkit-transition: all .3s ease;}
.swiper-news .flex-direction-nav a.flex-prev {  width: 28px;  height: 51px;  background: url(../images/slide/index_new_l.png) no-repeat 0 0; left: 5px;  top: 150px;  }
.swiper-news .flexslider:hover .flex-prev {  opacity: 0.8;  left: 0;  }
.swiper-news .flex-direction-nav a.flex-next { width: 28px;  height: 51px;  background: url(../images/slide/index_new_r.png) no-repeat 0 0; right: 5px;  top: 150px;  }
.swiper-news .flexslider:hover .flex-next {  opacity: 0.8;  right: 0;  }
.swiper-news .flex-control-nav .flex-active{background-position:0 0;}

.swiper-news .news-right{width: 630px; height: 355px; float: left;position: relative; background:#fff url("../images/news_icon.jpg") 500px -55px no-repeat;}
.swiper-news .news-right .news-right_iocn{ position: absolute; right: 0; bottom: 0;}
.swiper-news .news-right .news-right_iocn a{ display: block; line-height: 0;}
.swiper-news .news-right ul{padding:15px 40px;}
.swiper-news .news-right ul li{ height: 80px; width: 100%; text-align: left; padding-bottom: 20px; border-bottom: 1px solid #D6D6D6; margin-top: 5px;}
.swiper-news .news-right ul li:last-child{ border: none;}
.swiper-news .news-right ul li .news-title{ font-size: 22px;  line-height: 48px;}
.swiper-news .news-right ul li .news-title a{ color: #000000;}
.swiper-news .news-right ul li .news-title span{ float: right; font-size: 14px; color: #ff5a00;}
.swiper-news .news-right ul li .news-text a{ font-size: 14px; color: #606060;}
.swiper-news .news-right ul li a{ text-decoration: none;}
.swiper-news .news-right ul li a:hover{ color: #ff5a00;}

#footer{ min-width: 1280px; margin: 0 auto;}
.footer-game{ overflow: hidden; width: 100%; background: #eff3f6 url(../images/game.jpg) center top no-repeat; height: 780px;}
.footer-game .thin{ background: #e0e6ed url("../images/game.jpg") center top no-repeat;  }
.footer-game .footer-game-list{ display: block; width: 1280px; margin:20px auto 20px auto; overflow: hidden;}
.footer-game .footer-game-list li{ width: calc( 25% - 6px); float: left; line-height: 0; margin:8px 8px 0 0; position:relative; overflow: hidden; width: 314px; height: 270px;}
.footer-game .footer-game-list li:nth-child(4n){ margin-right: 0; }
.footer-game .footer-game-list li>img{ width: 100%; height: 100%;}
.footer-game .footer-game-list li .swiper-game-list-absolute{position: absolute;left:0; right: 0; top: 0; bottom: 0;}
.footer-game .footer-game-list li .swiper-game-list-content{ position: absolute;width:100%; height: 100%; background-color: rgba(255,90,0,0.75); display: block; opacity: 0; overflow: hidden;top: -100%;}
.footer-game .footer-game-list li:hover .swiper-game-list-content{ opacity: 1;  filter: alpha(opacity=100);  top: 0;}
.footer-game .footer-game-list li .swiper-game-list-content>img{ width: 80px; height: 80px; border-radius: 20px; display: block; margin:15% auto 0 auto;}
.footer-game .footer-game-list li .swiper-game-list-content .game-name{  width:100%; height:60px; line-height: 60px; text-align:center;
;color: #242424; font-size: 26px;}
.footer-game .footer-game-list li .swiper-game-list-content .game-button{ width: 270px; height: 40px; margin: 5px auto 0 auto;}
.footer-game .footer-game-list li .swiper-game-list-content .game-button-left{ width:50%; line-height: 40px; text-align: center; background: #3f3f3f; float: left; color: #fff; font-size: 16px;}
.footer-game .footer-game-list li .swiper-game-list-content .game-button-right{ width:50%; line-height: 40px; text-align: center; background: #fff; float: left; color: #3f3f3f; font-size: 14px;}
.footer-game .footer-game-list li a{ text-decoration: none;}
.f-turn {  -webkit-transition: all .3s ease-in;  -moz-transition: all .3s ease-in;  -ms-transition: all .3s ease-in;  -o-transition: all .3s ease-in;  transition: all .3s ease-in;  }

.footer-cooperation{ width: 100%; overflow: hidden; background: #eff3f6 url(../images/cooperation.jpg) center top no-repeat; height: 700px;}
.footer-cooperation-list{width: 1130px; margin:20px auto 0 auto; height: 410px; overflow: hidden; }
.footer-cooperation-list ul{ overflow: hidden;-webkit-transition: all .4s ease-in;  -moz-transition: all .3s ease-in;  -ms-transition: all .4s ease-in;  -o-transition: all .4s ease-in;  transition: all .4s ease-in;}
.footer-cooperation-list li{ float: left; width: 176px; height: 176px; margin:25px 10px 5px 40px;}
.footer-cooperation-list li .cooperation-k{width: 126px; height: 126px;border: 5px solid #ff5a00; border-radius: 14px; overflow: hidden; -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);background: #f2f2f2;}
.footer-cooperation-list li .cooperation-img{ width: 140px; height: 140px; -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg); }
.footer-cooperation-list li .cooperation-img img{width: 100%; height: 100%; margin: -10px 0 0 -3px;}
.footer-cooperation-list li .cooperation-img:hover img{width: 110%; height: 110%; margin: -10% -7%;}



.footer-cooperation-paging{ width: 100px; height: 30px;border: 1px solid #d8d8d8; border-radius: 15px; margin: 30px auto 0 auto;  color: #9e9a93;overflow: hidden; cursor: pointer; font-weight: bold;}
.footer-cooperation-paging .footer-cooperation-paging-top{ display: block; width: 50%; float: left; height: 30px; line-height: 30px; text-align: center; background: #e8ebed; color: #000; text-decoration: none;}
.footer-cooperation-paging .footer-cooperation-paging-bottom{ display: block; width: 50%; float: right; height: 30px; line-height: 30px; text-align: center; background: #ffffff; color: #000; text-decoration: none;}

.footer-business{ background: #fff; height: 159px; border-bottom: 1px solid #444444; }
.business-content{width: 1280px; margin: 0 auto;}
.business-content .business-left{ float: left; width: 429px; height: 110px; border-right: 1px solid #454545; margin-top: 25px;}
.business-content .business-left img{ display:block;margin-left:80px; margin-top: 10px;}
.business-content .business-right{ width: 850px; float: left; color: #989898;}
.business-content .business-right ul{ margin-left: 80px; margin-top: 25px; overflow: hidden;}
.business-content .business-right li{ height: 40px; float: left; font-size: 14px; line-height: 34px; text-indent: 10px;}
.business-content .business-right li:nth-of-type(odd){ width: 280px;}
.business-content .business-right li:nth-of-type(even){width: 490px;}
.business-content .business-right .icon:before{content:""; display: block; float: left; width: 34px; height: 34px;  background: url("../images/footer_icon.png");}
.business-content .business-right .business-right-mail:before{ background-position: -34px 0;}
.business-content .business-right .business-right-phone:before{ background-position: -34px -40px;}
.business-content .business-right .business-right-qq:before{ background-position: 0 -80px;}
.business-content .business-right .business-right-site:before{ background-position: -34px -80px;}

.footer-icp{ width: 100%; background:#FFFFFF; height: 190px; text-align:center;}
.icp-content{width: 1280px; margin: 0 auto;}
.icp-content .footer-logo{ width: 190px; height: 64px; margin:50px 0 0 80px; float: left;}
.icp-content .footer-text{ width: 560px; margin: 50px 0 0 60px;float: left; color: #5f5f66; font-size: 13px;}
.icp-content .footer-text ul{ display: block; overflow: hidden;}
.icp-content .footer-text li{ float: left; padding:0 10px; border-right: 1px solid #5f5f66;margin: 10px 0;}
.icp-content .footer-text li a{color: #5f5f66;}
.icp-content .footer-right{ float: left; margin:40px 0 0 10px; }



/* 内页轮播图 */
#n-banner{position:relative; width: 100%; height: 340px;background:url(../images/loading.gif) 50% no-repeat; overflow:hidden;}
#n-banner .slides{position:relative;z-index:1; height:340px; overflow:hidden;}
#n-banner .slides li{height:340px;}
#n-banner .flex-control-nav{position:absolute;bottom:0 ;z-index:2;width:100%;text-align:center; background: rgba(0,0,0,0.5); height: 40px;}
#n-banner .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:10px 8px 0 8px;*display:inline;zoom:1;}
#n-banner .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;border:2px solid #fff;cursor:pointer;transform:rotate(45deg);  -ms-transform:rotate(45deg);  -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg);  -o-transform:rotate(45deg);}
#n-banner .flex-control-nav .flex-active{ background: #ff5a00; border: 2px solid #fff;}



/*产品管理*/
#product .game-list{ overflow: hidden; width: 1200px; margin:30px auto;}
#product .game-list>h3{ width: 248px; height: 69px; margin:50px auto; background: url("../images/recommended-game.png") no-repeat; overflow: hidden;}
#product .game-list ul{  margin-top: 10px;  height: 325px;  left: 0;  top: 0;  overflow: visible;  z-index: 4;  position: relative;
}
#product .game-list ul .hot-box{  float: left;  width: 370px;  height: 290px; padding-bottom: 20px; background: #fbfbfb;  position: relative;  border-bottom: 8px #fbfbfb solid;  -webkit-transform-origin: center center;  -moz-transform-origin: center center;  -ms-transform-origin: center center;  -o-transform-origin: center center;  transform-origin: center center;  -webkit-transform: scale(0);  -moz-transform: scale(0);  -ms-transform: scale(0);  -o-transform: scale(0);  transform: scale(0);  opacity: 0;  filter: alpha(opacity=0); margin:0 45px 30px 0;}
#product .game-list ul .hot-box:nth-child(3n){margin-right: 0;}

#product .game-list ul.cur {  z-index: 5;  display:block;  }

#product .game-list ul.cur .hot-box {  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);  opacity: 1;  filter: alpha(opacity=100);box-shadow: 0px 7px 10px #EAE8E8;}
#product .game-list ul .hot-txt {  margin: 0 10px 0 30px;  font: 14px "Microsoft YaHei";  color: #9f9f9f;  line-height: 30px;  overflow: hidden;  }
#product .game-list ul .hot-title {  color: #383838;  font: 700 20px/32px "Microsoft YaHei";  margin: 8px 0 0 20px;  height: 32px;  overflow: hidden;  }
#product .game-list .hot-bg-img {  width: 100%;  height: 179px  }
#product .hot-link {  display: block;  width: 100%;  height: 179px;  position: relative;  overflow: hidden  }
#product .hot-link:hover .hot-font {  opacity: 1;  filter: alpha(opacity=100);  top: 0  }
#product .hot-link .hot-font{position: absolute; width: 400px; height: 176px; top: -100%; left: 0; opacity: 0; filter: alpha(opacity=0)}
#product .hot-link .hot-font .bg{background: #ff5a00; position: absolute; top: 0; left: 0; width: 400px; height: 179px; opacity: .85}
#product .hot-link .hot-font .con{position: absolute; top: 0; left: 0; padding: 39px 30px; overflow: hidden}
#product .hot-link .hot-font .font-qr{float: left; margin: 0 28px 0 0; width: 100px; height: 100px}
#product .hot-link .hot-font .txt{float: left; width: 172px; height: 99px; overflow: hidden}
#product .hot-link .hot-font .txt p{height: 28px; color: #fff; font: 14px/28px "Microsoft YaHei"; overflow: hidden}
#product .hot-link .hot-font .txt .down-num{padding: 0 0 0 15px; background: url(http://www.9133.com/static/img/hot-down-icon_66eddd9.png) no-repeat 0 8px}
#product .hot-link .hot-font .score{position: relative}
#product .hot-link .hot-font .score span{position: absolute; display: block; width: 90px; height: 20px; top: 3px; left: 68px;}
#product .hot-link .hot-font .score em{position: absolute; display: block; height: 100%; z-index: 2; width: 0; left: 0; top: 0; background: url(http://www.9133.com/static/img/score2_e281cef.png) repeat-x 0 0}
#product .hot-link .hot-font .score em.satr_1{width: 20%}
#product .hot-link .hot-font .score em.satr_2{width: 40%}
#product .hot-link .hot-font .score em.satr_3{width: 60%}
#product .hot-link .hot-font .score em.satr_4{width: 80%}
#product .hot-link .hot-font .score em.satr_5{width: 100%}
#product .hot-like{position: absolute;  right: 120px; }
#product .hot-like a{color: #9f9f9f; font-size: 12px; height: 30px; line-height: 30px; background-position: 0 0}
#product .hot-like a:hover{background-position: 0 -30px}
#product .hot-like .jp_tj{ position: relative; display: block; width: 24px; height: 24px; border: 1px solid #b5b5b5; border-radius: 13px; float: left; margin-right: 8px;}
#product .hot-like .jp_tj:before,#product .hot-like .jp_tj:after {  position: absolute;  content: ""; left: 12px;top: 6px;  width: 8px;  height: 14px;  background: #b5b5b5;  -moz-border-radius: 50px 50px 0 0;  border-radius: 50px 50px 0 0;  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  -webkit-transform-origin: 0 100%;  -moz-transform-origin: 0 100%;  -ms-transform-origin: 0 100%;  -o-transform-origin: 0 100%;  transform-origin: 0 100%;  }
#product .hot-like .jp_tj:after {left: 4px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  -webkit-transform-origin: 100% 100%;  -moz-transform-origin: 100% 100%;  -ms-transform-origin: 100% 100%;  -o-transform-origin: 100% 100%; transform-origin :100% 100%;  }
#product .hot-like .jp_props a{ display:block; height:30px; line-height:30px; color:#c4c4c4; float:left; border-left:1px solid #e4e4e4; padding-left:10px; padding-top: 10px; text-decoration: none;}
#product .hot-like .jp_props.active a{color: #ff5a00 !important;}
#product .hot-like .jp_props.active a .jp_tj:before,#product .hot-like .jp_props.active a .jp_tj:after{ background: #ff5a00 !important;}
#product .hot-like .jp_props a:hover{color: #ff5a00}
#product .hot-like .jp_props a:hover .jp_tj:before,#product .hot-like .jp_props a:hover .jp_tj:after{ background: #ff5a00;}
#product .gw-link{border: 1px solid; position: absolute; bottom: 20px; right: 20px; width: 88px; height: 30px; display: block; background-position: 0 -30px; font: 12px/30px "Micosoft YaHei"; text-align: center; color: #9f9f9f; border-radius: 15px;}
#product .gw-link:hover{background-color:#ff5a00; color: #fff; text-decoration: none; background-position: 0 0; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-animation: ani-gw-link .3s linear .2s 1 normal 300ms 0 ease; -moz-animation: ani-gw-link .3s linear .2s 1 normal 300ms 0 ease; -ms-animation: ani-gw-link .3s linear .2s 1 normal 300ms 0 ease; -o-animation: ani-gw-link .3s linear .2s 1 normal 300ms 0 ease; animation: ani-gw-link .3s linear .2s 1 normal 300ms 0 ease; -moz-animation: ani-gw-link .3s linear .2s 1 normal; -webkit-animation: ani-gw-link .3s linear .2s 1 normal; -o-animation: ani-gw-link .3s linear .2s 1 normal; -ms-animation: ani-gw-link .3s linear .2s 1 normal; animation: ani-gw-link .3s linear .2s 1 normal}
@-webkit-keyframes ani-gw-link{0%{-webkit-transform: translate(0,0)} 50%{-webkit-transform: translate(0,3px)} 100%{-webkit-transform: translate(0,0)}}
@-moz-keyframes ani-gw-link{0%{-moz-transform: translate(0,0)} 50%{-moz-transform: translate(0,3px)} 100%{-moz-transform: translate(0,0)}}
@-o-keyframes ani-gw-link{0%{-o-transform: translate(0,0)} 50%{-o-transform: translate(0,3px)} 100%{-o-transform: translate(0,0)}}
@-ms-keyframes ani-gw-link{0%{-ms-transform: translate(0,0)} 50%{-ms-transform: translate(0,3px)} 100%{-ms-transform: translate(0,0)}}
@keyframes ani-gw-link{0%{transform: translate(0,0)} 50%{transform: translate(0,3px)} 100%{transform: translate(0,0)}}

#product .new-game{ width: 100%; height: 652px; background: url("../images/walk-new-game-bg.jpg") no-repeat center; overflow:hidden;}
#product .new-game>h3{ width: 248px; height: 69px; margin:50px auto; background: url("../images/news-game.png") no-repeat; overflow: hidden;}
#product .new-game-content{ width: 1200px; margin: 0 auto;}

#product .new-game-content #pages{ clear: both; width: 800px; overflow: hidden; margin: 0 auto;}
.game-dongtai-cont{float: left;}
.game-dongtai-cont .carouse-con{width:300px;float: left; overflow: hidden;}
.game-dongtai-cont a{ text-decoration: none;}
.libao-kaifu-cont{width: 210px;float: left;}
.carouse-con{width: 300px;height: 320px;position: relative;}
.carouse-con:hover .bg-font{bottom:0}
.carouse-con:hover .bg-font-top{top:0}
.carouse-con:hover .car-bg-img{background-position:60% 50%;background-position:40% 50%\9;*background-position:40% 50%}
.carouse-con:hover p{background:0 0;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.carouse-con:hover .txt1{top:-40px}
.carouse-con:hover .txt2,.carouse-con:hover .dayslef{top:25%;color:#fff}
.carouse-con:hover .jk_btn{background:0 0;background:rgba(0,0,0,0)}
.carouse-con:hover .dayslef span{color:#fff}
.carouse-con .jk_btn{position:absolute;width:100%;height:100%;left:0;top:0;background:url(http://res.nie.netease.com/nie/gw/15v1/img/cover_fe1849f.png) repeat;background:rgba(0,0,0,.5);display:block;color: #fff;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.car-bg-img{width:100%;height:100%;background-position:40% 50%;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.carouse-con img{width:100%;height:100%}
.carouse-con .txt1{position:relative;top:0;font-size:20px;line-height:50px;font-weight:700;text-align:center;padding-top:60px;padding-bottom:30px;display:block;color:#fff;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.carouse-con .txt2,.carouse-con .dayslef{position:relative;font-size:14px;line-height:28px;text-align:center;width:160px;margin:0 auto;display:block;top:0;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.carouse-con p{position:absolute;height:60px;width:100%;bottom:0;left:0;text-align:center;opacity:.8;filter:alpha(opacity=80)}
.carouse-con .like{position:relative;top: 13px;height:60px;line-height:60px;display:inline-block;cursor:pointer;}
.carouse-con .like:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);-webkit-transition: all .4s linear 0s;-moz-transition: all .4s linear 0s;-ms-transition: all .4s linear 0s;-o-transition: all .4s linear 0s;transition: all .4s linear 0s;}
.carouse-con .like a{height:30px;line-height:30px;background:url(http://www.9133.com/static/img/like3_53586ef.png) no-repeat;padding-left:30px;color:#fff;*margin-top:13px;padding-top: 3px;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all .4s linear 0s;-moz-transition: all .4s linear 0s;-ms-transition: all .4s linear 0s;-o-transition: all .4s linear 0s;transition: all .4s linear 0s;}
.carouse-on .like a:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.carouse-con .bg-font{position:absolute;left:0;bottom:-120px;width:100%;height:120px;background:#0f9fcf;opacity:.9;filter:alpha(opacity=90)}
.carouse-con .bg-font-top{position:absolute;left:0;top:-60px;width:100%;height:60px;background:url(http://www.9133.com/static/img/bg_font_top_ec5611f.png) repeat-x}

.game-new-list{ width: 600px; float: left; background: #fff; height: 320px; }
.game-new-list .game-new-top{  width: 520px; height: 100px; margin: 30px auto 0; border-bottom: 1px solid #DCDCDC;}
.game-new-list .game-new-top h3{ font-size: 20px;  font-weight: bold; padding-bottom: 12px;}
.game-new-list .game-new-top h3 a{ color: #ff5a00; text-decoration: none;}
.game-new-list .game-new-top p{ color: #828282; font-size: 14px;}
.game-new-list .game-new-top p a{ color: #ff5a00; padding-left:5px;}
.game-new-list ul{ width: 520px;margin: 15px auto;}
.game-new-list ul li{ font-size: 14px; height: 30px; line-height: 30px; }
.game-new-list ul li:before{  content:""; width: 14px; height: 14px; float: left;border: 1px solid #828282; border-radius: 7px; margin:7px 5px 0 0;}
.game-new-list ul li p{ float: left;}
.game-new-list ul li span{ float: right;}
.game-new-list ul li a{ color: #828282;}
.game-new-list ul li a:hover{ color: #ff5a00;}


#product .game-voide{ width: 100%; height: 652px; background:#fff; overflow:hidden;}
#product .game-voide>h3{ width: 248px; height: 69px; margin:50px auto; background: url("../images/voide-game.png") no-repeat; overflow: hidden;}
#product .game-voide ul{ width: 1200px;  margin:0 auto; overflow: hidden;}
#product .game-voide ul li{ width: 280px; float:left; margin-right: 26px; margin-bottom: 30px; position: relative;}
#product .game-voide ul li:nth-child(4n){ margin-right: 0;}
#product .game-voide ul li p{ font-size: 16px; text-align: center; line-height: 40px;}
#product .game-voide ul li a{ text-decoration: none; color: #7d7d7d;}
#product .game-voide ul li a:hover{ color: #579ef1;}
#product .game-voide ul li .img-mask{  position: absolute;  left: 0;  top: 0;  width: 276px;  height: 164px;  background-color: rgba(0,0,0,.2);  z-index: 0;  }
#product .game-voide ul li .icon-play {  opacity: 0; position: absolute;  top: 50%;  left: 50%;  width: 100%;  height: 100%;  margin:-125px 0 0 -145px;  background: url(../images/icon_play_big_72ecc8e4.png) no-repeat 50% 50%;  opacity: 0;  z-index: 1;  cursor: pointer;  -webkit-transition: opacity .4s ease-in;  -moz-transition: opacity .4s ease-in;  -ms-transition: opacity .4s ease-in;  transition: opacity .4s ease-in;
}
.full_dialog {  position: fixed;  width: 100%;  height: 100%;  max-width: 100%;  max-height: 100%;  top: 0px;  opacity: 0.5;  background: #000;  z-index: 1000;  }
#dialog_video_cont {  position: fixed;  top: 20%;  height: 480px;  width:640px;  left: 35%;  z-index: 1001;  background-color: black;  }
#dialog_video_cont embed{ width: 100%; height: 100%;}
#dialog_video_close_btn {  position: absolute;  font-size: 30px;  z-index: 1002;  color: white; text-decoration: none; }



/*内页通用*/
.w-1200{ width: 1200px; margin: 0 auto;margin-top: 60px; overflow: hidden;}
.left{ width: 222px; float: left;}
.left ul{ padding: 5px 0; background: #f5f5f5; overflow: hidden; margin-bottom: 20px;}
.left li a{ display:block;width: 100%; height: 62px; text-indent: 2em; line-height: 62px; color: #5a5a5a; font-weight: bold; text-decoration: none; font-size: 18px; position: relative;}
.left li a.active{ background: #ff5a00; color: #fff;}
.left li a.active:after{ content: ">"; display: block; width: 26px; height: 26px; line-height:26px;text-indent: 0; text-align: center; position: absolute; top:20px; left: 160px; background: #fff; color: #ff5a00; border-radius: 13px;}
.left li a:hover{ background: #ff5a00; color: #fff;}
.r-928{ width:928px; float: right; padding-bottom: 40px;}
.r-928 .title{width: 100%; height: 34px; padding-bottom: 20px; border-bottom: 1px solid #9b9b9b;}
.r-928 .title-left{ width: 500px; float: left;height: 34px; border-left:6px solid #ff5a00; color:#353535;text-indent: 20px; font-size: 32px; font-weight: bold; line-height: 32px;}
.r-928 .title-left span{ font-size: 26px; color: #a0a0a0;}
.r-928 .title-right{ width: 400px; float: right; line-height: 60px; text-align: right;}
.r-928 .title-right a{ color: #000;}




/*走进游爱-公司简介*/
.about-main-content{padding: 20px 0;}
.about-main-content p{ color: rgba(255,90,0,0.75); font-size: 14px; line-height: 3em; overflow: hidden; width: 100%; text-indent: 2em;}
.about-main-content h3{ font-size: 24px; color: #ff5a00!important;}
.about-main-content h3 span{ font-size: 20px; font-weight: normal; padding-left: 10px; color: #a0a0a0; line-height: 70px;}
.about-main-content img{ display: block; padding: 10px 0; width: 80%; height: 80%; margin: 0 auto;}

/*走进游爱-新闻动态*/
.company-new-main ul li{ width: 100%; height: 160px; padding:40px 0 50px 0; border-bottom: 1px solid #d8d8d8;}
.company-new-main img{ display: block; float: left; width: 220px;height: 160px; padding: 0 30px 0 20px;}
.company-new-list-text{ width: 658px; float: right;}
.company-new-list-text h3{ font-size: 22px; overflow: hidden;}
.company-new-list-text h3 a{ display:block; width:580px;color: #454444; text-decoration: none; overflow: hidden; float: left;}
.company-new-list-text h3 a:hover{ color: #ff5a00;}
.company-new-list-text h3 span{ display: block; width:78px;  font-size: 14px; font-weight: normal; float: left; line-height: 33px; color: #ff5a00;}
.company-new-list-text p{ color: #7b7b7b; font-size: 14px; line-height: 30px;}
.company-new-list-text .xq{display: block; width: 88px; height: 30px; text-align: center; line-height: 30px; color: #fff; text-decoration: none; background: #ff5a00; font-size: 14px; margin-top: 8px;}

/*走进游爱-发展历程*/
.course-content{ width: 100%; margin: 50px 0 0 0; position: relative;padding-bottom: 50px;}
.course-cen-line{ position: absolute; width: 1px; background: #515151; left:50%; height: 100%;}
.course-swiper{max-height: 600px; overflow:hidden; top: 0;}
.course-content ul{ position: relative;}
.course-content ul li{ overflow: hidden; height: 100px;}
.course-content ul li .left{ width: 400px; float: left; margin-right: 43px; text-align: right;}
.course-content ul li .center{ width: 42px; float: left; }
.course-content ul li .right{ width: 400px;  float: left;  margin-left: 43px; text-align: left;}
.time h3{ color: #ff5a00; font-size: 38px;line-height: 42px; margin-top: 20px;}
.time span{ color: #595959; font-size: 16px;}
.center{ width: 42px; height: 42px; border-radius: 21px; color: #fff; font-weight: bold; text-align: center; line-height: 42px; position: relative; margin-top: 30px; background: url("../images/course-centent.png") no-repeat center;}
.center-right{ background:#ff5a00 url("../images/course-centent.png") no-repeat center ;}
.center-left{  background: #4d5b65 url("../images/course-centent.png") no-repeat center; transform:rotate(180deg);  -ms-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}
.text{ font-size: 16px; margin-top: 36px; color: #515151;}

/*公司文化-文化理念*/
.company-cultural-main{padding: 20px 0; position: relative;}
.company-cultural-main-top{ overflow: hidden;}
.company-cultural-main-top .left{ float: left; width: 450px;}
.company-cultural-main-top .right{ float: left; margin-top: 40px; width: 348px; height: 348px;}
.company-cultural-main>p,.company-cultural-main-top p{ color: #626262; font-size: 14px; line-height: 4em; overflow: hidden; width: 100%; }
.company-cultural-main>h3,.company-cultural-main-top h3{ font-size: 24px; color: #569cf1; line-height: 2em; margin-top: 30px;}
.company-cultural-main>img{ width: 100%; }
/*.company-cultural-main .absolute-img{ position: absolute; right: 140px;top: 70px; width: 348px; height: 348px;}*/
/*.company-cultural-main .absolute-img img{ width: 100%; height: 100%;}*/
.company-cultural-main ul li{ overflow: hidden; margin-top: 40px;}
.company-cultural-main ul li img{ width: 72px; height: 72px; float: left; padding-right: 20px;}
.company-cultural-main ul li h3{ color: #026fbf;font-size: 16px; line-height:1.5em;}
.company-cultural-main ul li p{ font-size: 14px; color: #626262; line-height: 2em;}

/*公司文化-员工分享*/
.company-employee-main{padding: 20px 0;}
.company-employee-main .list{ overflow: hidden;}
.company-employee-main .icon{ display: block; width: 23px; height: 32px; background: url("../images/company-employee-main-img-icon.jpg") no-repeat; float: left; margin-top: 90px; cursor: pointer;}
.company-employee-main .right{background-position: right;}
.company-employee-main .list-box{ width:882px; overflow: hidden; float: left; margin-top: 40px;}
.company-employee-main .list-box ul{ display: block;overflow: hidden;}
.company-employee-main .list-box li{ float: left; width: 130px; text-align: center; padding:0 23px; color: #ff5a00; font-size: 12px;}
.company-employee-main .list-box li img{ width: 130px; height: 130px; border-radius: 65px;opacity: 0.5; }
.company-employee-main .list-box li img.active{ opacity:1; }
.company-employee-main .list-box li img:hover{ opacity:1; }
.company-employee-main .content{ margin-top: 50px;}
.company-employee-main .content .main{ width: 720px; margin:0 auto 40px auto; overflow: hidden; }
.company-employee-main .content .main img{ display: block; float: left; width: 280px; height: 280px; border-radius: 140px;margin:0 60px 0 80px;}
.company-employee-main .content .main .main-text{float: left; width: 300px;}
.company-employee-main .content .main .main-text h3{ font-size: 45px; color: #ff5a00; line-height: 80px; margin-top:20px;}
.company-employee-main .content .main .main-text p{ font-size: 18px; color: #000; line-height: 40px; margin-top: 20px}
.company-employee-main .content .main-info{border-top: 1px solid #c0c0c0; padding-top: 20px;}
.company-employee-main .content .main-info p{ line-height: 2.5em; font-size: 16px; text-indent: 2em;}


/*公司文化-游爱生活*/
.company-life-main .list{ overflow: hidden; margin-top: 45px;}
.company-life-main .list li{float: left; font-size: 18px; height: 70px;}
.company-life-main .list li a{ position: relative;display:block;width: 130px; height: 50px; color: #000; text-align: center; line-height: 50px; background: #e9e9e9; text-decoration: none;}
.company-life-main .list li a.active{ background: #ff5a00; color: #fff;}
.company-life-main .list li a.active:before{ content: "";position: absolute; left: 40%; bottom: -15px; width: 0;  height: 0;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 15px solid #ff5a00;}
.company-life-main .content>h3{ font-size: 24px; color: #ff5a00; margin:30px 0 10px 0;}
.company-life-main .content p{ font-size: 14px; color: #000000; line-height: 3em; overflow: hidden;}
/*.company-life-main .content p span{  display: block;font-weight: bold; color: #2c9ee8; font-size: 16px; float: left;}*/
.company-life-img{ width: 100%; height: 540px;}
.company-life-img .pc-slide{width:770px; margin-top: 20px;}
.company-life-img .view .swiper-container{width: 100%;height: 440px;}
.company-life-img .view .arrow-left{background: url(../images/slide/life_l.png) no-repeat left top;position: absolute;left: 14px;top: 44%;margin-top: -24px;width: 50px;height: 51px;z-index: 10;}
.company-life-img .view .arrow-right{background: url(../images/slide/life_r.png) no-repeat left bottom;position: absolute;right: 14px;top: 44%;margin-top: -24px;width: 50px;height: 51px;z-index: 10; }
.company-life-img .view a img{ width: 770px; height: 385px;}
.company-life-img .view p{ text-align: center; font-size: 14px; color: #000; line-height: 55px;}
.company-life-img .preview{width:  770px;margin-top: 10px;position: relative;}
.company-life-img .preview .swiper-container{width: 700px;height: 87px;margin-left: 35px; overflow: hidden;}
.company-life-img .preview .swiper-slide{width: 160px;height: 85px; padding: 0 8px;}
.company-life-img .preview .arrow-left{background:#fff url(../images/slide/feel3.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.company-life-img .preview .arrow-right{background:#fff url(../images/slide/feel4.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.company-life-img .preview img{width: 158px; height: 85px;}
.company-life-img .preview .active-nav img{padding: 0;border: 1px solid #F00;}

/*加入我们*/
#job{min-height: 600px;}
.job-main .type-list{ width: 710px; background: #e7e7e7; color: #000;min-height: 30px; }
.job-main .type-list,.job-main .job-list{ padding: 10px 0; min-height: 30px;}
.job-main .job-title{ font-weight: bold; float: left; padding-left: 15px;line-height: 30px; width: 50px;}
.job-main ul{ overflow:hidden; }
.job-main ul li a{ float: left; display: block; padding: 5px 10px; margin:0 8px; color: #000; text-decoration: none;}
.job-main ul li a.active{ background: #ff5a00; color: #fff;}
.job-list{width: 708px; border:1px solid #e7e7e7;}
.job-content{margin:10px 0 50px 0; }
.get-job{ display: block; width: 240px; height: 55px;padding-left: 10px; background: #ff5a00 url("../images/get-job-icon.jpg") no-repeat 50px 14px; line-height: 55px; text-align: center; color: #fff; font-size: 25px; margin:0 auto; text-decoration:none;}
.get-job:hover{ color: #fff; text-decoration:none;}
.job-tip{ color: #696768; text-align: center; font-size: 18px; margin-top: 15px;}
.job-search h3{ font-size: 24px; color: #5a5a5a; text-align: left;}
.job-search .input{ width: 100%; height: 40px;border: 1px solid #b8b8b8; border-radius: 20px; margin-top: 15px; }
.job-search input{ border: none; width: 75%; height: 35px; line-height: 35px;margin: 3px 0 0 15px;outline:none; float: left;}
.job-search  .submit{ display: inline-block; width: 26px; height: 26px;  background: url("../images/job-left-icon.jpg") 0 no-repeat; float: right; margin: 8px 10px 0 0; cursor: pointer;}
.job-search .img{ width: 156px; height: 156px; margin: 0 auto; margin-top: 15px;}
.job-search .img img{ width: 156px; height: 156px;}
.job-search .job-search-html>p{margin-top: 10px; text-align: center; font-size: 18px; color: #5a5a5a;}

/*联系我们*/
.contact-main{ min-width: 1200px; overflow:hidden;}
.contact-main-top{ width: 100%; height: 230px; background: url("../images/contact-top.jpg") no-repeat center;}
.contact-main-content{ width: 100%; height: 1230px; background: url("../images/contact-by.jpg") no-repeat center;}
.contact-main-content .way{width: 1040px; height: 555px; margin: 0 auto;}
.contact-main-content .way .way-box{ width: 465px; height: 450px; float: left; position: relative; margin: 50px 0 0 0; }
.contact-main-content .way .way-box:first-child{margin-right: 110px;}
.contact-main-content .way .way-box .way-title{ position: absolute; width: 108px; height: 108px;padding:10px;border-radius: 10px; background: #f5f5f5;transform:rotate(45deg);  -ms-transform:rotate(45deg);  -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg);  -o-transform:rotate(45deg); left: 165px;}
.contact-main-content .way .way-box .way-n-title{ width: 108px;  height: 108px; background: #f97800; border-radius: 10px; overflow: hidden;}
.contact-main-content .way .way-box .way-n-title::before{ content: ""; display: block; width: 90px; height: 80px; background: url("../images/contact-way-icon.jpg") no-repeat;transform:rotate(-45deg); margin: 10px 0 0 10px;}
.contact-main-content .way .way-box:last-child .way-n-title::before{ background-position:-95px 0;}


.contact-main-content .way .way-box .way-content{margin-top: 70px;height: 380px; background: #eaeaea; overflow: hidden;text-align: center; }
.contact-main-content .way .way-box .way-content h3{ font-size: 26px; margin-top: 95px; margin-bottom: 20px;}
.contact-main-content .way .way-box .way-content p{ color: #696969; font-size: 16px;line-height: 30px;}


.contact-main-content .map{ width: 1200px; height: 460px; margin:100px auto 0 auto; background: #fff;}
.contact-main-content .map .map-left{ width: 580px; float: left; margin: 40px 0 0 70px; overflow: hidden;}
.contact-main-content .map .map-left h3{ font-size: 26px; color: #696969;}
.contact-main-content .map .map-left .map-content{ width: 100%; height: 285px; background: #000; margin-top: 20px;}
.contact-main-content .map .map-right{ display: inline-block; float: left; overflow:hidden; width: 460px; margin-left: 40px;}
.contact-main-content .map .map-right h3{ color: #ff5a00; font-size: 20px; margin: 106px 0 10px 0;}
.contact-main-content .map .map-right p{ color: #696969; font-size: 16px; line-height: 34px;}

/*新闻页面*/
.show-news{ width: 1000px; margin:30px auto;}
.show-news .title{ border-bottom: 1px solid #b8b8b8; height: 30px; width: 100%; line-height: 25px;}
.title-left{ float: left; font-size: 18px; border-left: 3px solid #ff5a00; padding-left: 6px;}
.title-right{ float: right;}
.title-right a{color: #000;}
.show-news-main .content>h3{ font-size: 28px; color: #ff5a00; text-align: center; margin: 50px 0 20px 0;}
.show-news-main .content>h2{ font-weight: normal; font-size: 14px; color: #999999; text-align: center; margin-bottom: 30px;}

/*分页*/
.pages{ clear: both; float: right; margin-top: 30px; padding-right: 10px;}
.pages ol{ float: left;}
.pages ol li{ float: left; margin: 0 1px;}
.pages ol li a{ display: block; color: #000; text-decoration: none; padding:2px 10px; }
.pages ol li a.active{ background: #ff5a00; color: #ffffff; }
.pages ol li a:hover{ background: #ff5a00; color: #ffffff; }
.pages p{ float: left; padding:2px 5px;}